<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
	<title>idCard</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<jsp:include page="/public/title.jsp" />
	<script type="text/javascript">
		var path = '${pageContext.request.contextPath}';
	</script>
	<!-- //tables -->
</head>
<body class="dashboard-page">

<jsp:include page="/public/menu.jsp" />
<section class="wrapper scrollable">
	<section class="title-bar">
		<jsp:include page="/public/top.jsp" />
	</section>
	<div class="main-grid">
		<div class="agile-grids">
			<button class="btn btn-default">视频认证列表</button>
			<div style="float: right;width: 25%">
				<input type="hidden" id="t_type" value="1" />
				<button class="btn btn-default" style="float: left;">条件:</button>
				<input type="text" class="form-control" id="condition" style="height: 36px; float: left;width: 250px;margin-right: 2%"  placeholder="请输入用户昵称或真名或身份证号.">
				<button class="btn btn-default" onclick="on_click_search();" style="float: right;margin-right: 0;"><i class="fa fa-search" aria-hidden="true"></i></button>
			</div>
			<div class="agile-tables">
				<div class="w3l-table-info">
					<table id="utable" class="table table-hover"></table>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="img_preview" tabindex="-1" role="dialog"
		 aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 35%;">
			<div class="modal-content">
				<div class="modal-header" style="background-color: #009688;">
					<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">
						<span class="glyphicon glyphicon-picture"></span> 身份证预览
					</h4>
				</div>
				<div class="modal-body">
					<div>
						<div class="agile-gallery-grid">
							<div class="agile-gallery">
								<video id="hand_video" width="100%" autoplay>
									<source src="http://1301791967.vod2.myqcloud.com/e19077eevodcq1301791967/f6d9baf35285890801715918467/tSNTZSu32sIA.mp4"  type="video/mp4">
									您的浏览器不支持 HTML5 video 标签。
								</video>
							</div>
						</div>
					</div>
					<br/>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">
						<span class="glyphicon glyphicon-remove"></span>关闭
					</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<jsp:include page="/public/lower.jsp" />
</section>
<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script src="${pageContext.request.contextPath}/javascript/videoList.js"></script>

</body>
</html>
